<template>
    <div>
        <el-form ref="form" :model="form" label-width="200px" style="width: 500px" >
            <el-form-item label="工程名称">
            <el-input v-model="form.name"></el-input>

          </el-form-item>
          <el-form-item label="荷载设计值折减系数">
            <el-select v-model="form.region" placeholder="请选择类型">
              <el-option label="0.95" value="0.95"></el-option>   
              <el-option label="1.0" value="1.0"></el-option>        
            </el-select>
            
          </el-form-item>
            
         
            
          </el-form-item>

          <el-form :label-position="labelPosition" label-width="400px" :model="formLabelAlign" >
            <el-form-item label="面板宽度b(mm)" style="width: 500px"  >
                <el-input v-model="form.b"></el-input>
            </el-form-item>
            <el-form-item label="面板长度(mm)" style="width: 500px">
                <el-input v-model="form.a"></el-input>
            </el-form-item>
            <el-form-item label="面板厚度(mm)" style="width: 500px">
                <el-input v-model="form.h"></el-input>
            </el-form-item>
            <el-form-item label="面板截面惯性矩I(cm4)" style="width: 500px">
                <el-input v-model="form.i"></el-input>
            </el-form-item>
            <el-form-item label="面板截面抵抗矩W(cm3)" style="width: 500px">
                <el-input v-model="form.w"></el-input>
            </el-form-item>
            <el-form-item label="面板弹性模量E(N/mm2)" style="width: 500px">
                <el-input v-model="form.e"></el-input>
            </el-form-item>
            <el-form-item label="单块面板一端悬臂长(mm)" style="width: 500px">
                <el-input v-model="form.x"></el-input>
            </el-form-item>
            <el-form-item label="小梁间距(mm)" style="width: 500px">
                <el-input v-model="form.l"></el-input>
            </el-form-item>
            <el-form-item label="新浇混凝土对模板的侧压力标准值(混凝土侧向压力的S承)" style="width: 500px">
                <el-input v-model="form.s"></el-input>
            </el-form-item>





            <el-form-item label="面板抗弯强度设计值[f](N/mm2)" style="width: 500px">
            <el-input
              placeholder="205"
              v-model="input"
              :disabled="true">
            </el-input>
            </el-form-item>

            

            
  

        </el-form>
            <el-form-item>
            <el-button type="primary" @click="onSubmit">立即计算</el-button>
            <el-button type="default"  @click="exit">清空</el-button>
            </el-form-item> 
        </el-form>  


      <h3 v-if="form.q>0" align="center">面板长向接缝方式为端缝齐平，根据《组合钢模板技术规范》GB/T50214-2013，4.3.5和4.4.5条，面板强度及挠度验算，宜以单块面板作验算对象。面板受力简图如下：
          <br>
           1、强度验算<br>
             q＝bS承＝{{form.region}}*{{form.b}}×{{form.s}}={{form.q}}kN/m<br>

      </h3>


    </div>

   

    
</template>










  <script>
    import gc from '@/api/gongcheng'
    export default {
      data() {
        return {
          form: {            
            h:'',
            a:'',
            b:'',
            i:'',
            name: '',
            w:''  ,
            e:'',
            x:'',
            l:'',
            region:'',
            q:'',
            s:''
                                
          },
          input: ''
        }
      },
      created(){
        
          

      },


      methods: {
        onSubmit() {
          gc.getQu(this.form)
              .then(response => {//计算成功
                this.form.q =response.data.qiangdu.q
                this.form.b =response.data.qiangdu.b
                this.form.s =response.data.qiangdu.s
                
                
                
                console.log(response.data.muban.q)
                //提示信息
                this.$message({
                  type: 'success',
                  message: '计算成功!'
                }); 
                //回到列表页面 路由跳转
                //  this.$router.push({path:'/gongcheng/tufang'})

            })
          },
          exit(){
            
            this.form={
              q:0,
            }
        },
      
    }
        
    }
  
  </script>